<template>
  <div id="app">
    <router-view></router-view>
    <!-- tabbar -->
    <Tabbar v-if="isShowTabbar()" />
  </div>
</template>

<script>
import Tabbar from './components/Tabbar.vue'

export default {
  name: 'App',
  components: { Tabbar },
  methods: {
    // 判断 tabbar 是否显示
    isShowTabbar() {
      const noTabbar = ['/detail']
      return !noTabbar.includes(this.$route.path)
    }
  }
}
</script>

<style>
html, body {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
ul, p, h3 {
  margin: 0;
  padding: 0;
}
</style>
